// 导入antd-mobile的NavBar组件
import { NavBar } from "antd-mobile";

// 导入css
// import "./index.scss";
import style from "./index.module.css";
// 导入高阶组件 withRouter实现 不是路由跳转的注册的组件都上history属性
import { withRouter } from "react-router-dom";
import PropTypes from "prop-types";
// 函数组件
function NavHeader(props) {
  const onLeftClick = () => {
    props.history.go(-1);
  };

  return (
    <div>
      <NavBar
        mode="light"
        icon={<i className="iconfont icon-back"></i>}
        onLeftClick={props.onLeftClick || onLeftClick}
      >
        {props.children}
      </NavBar>
    </div>
  );
}
// 校验props里面指定属性的数据类型
NavHeader.propTypes = {
  // 字符串
  children: PropTypes.string.isRequired,
  //   函数
  onLeftClick: PropTypes.func,
};

// 导出高阶组件 可以使不是路由跳转的注册的组件都上history属性
export default withRouter(NavHeader);
